//删除表格的数据 点击删除按钮 事件绑定冒泡找到td=>tr，获取tr的自定义属性data-id ="shop.Id"
//把这个id 传给后台PHP PHP根据id 写删除语句，最后返回删除成功信息，前端重新渲染页面
//获取父元素tr.
//tr 包括里面的都是动态生成的 只有tbody是定义好了的dom 通过tbody 找tr ->td ->删除按钮
//事件委托 绑定事件给tbody
var delInfo=document.querySelector('#delInfo')
//tbody.onclick=function(e){}
tbody.addEventListener('click',function(e) {
    // console.log(e.target)//这里得到 <button class="btn btn-danger btn-sm btn-del" id="del-btn">删除</button>
    //取到的是tbody里所有的button &&后取到所有的删除按钮
   if(e.target.id==="del-btn"){
       //去寻找这一行tr的data-id（已经赋值===数据库物品Id）属性
       //这里的this 指向tbody父元素=>table
       //把当前这个按钮保存起来
      var delBtn=e.target
      var Id=(delBtn.parentNode.parentNode).getAttribute('data-id')
     
      console.log(Id)//到这里已经表明取到了tr上的data-id 传给后台 让PHP删除数据库里的数据
    //   utils.fetch('./api/v1/shop/delete.php',{Id}).then((resp)=>{
    //       console.log(resp)
    //   }
    //   )
       if(confirm('宁确定删除吗？')){
              utils.fetch('./api/v1/shop/delete.php',{Id}).then((resp)=>{
            //这里弹个窗提示用户删除成功比较好，而且删除数据，应该重新渲染页面
           delInfo.style.display="block"
           delInfo.innerHTML=resp.body.msg
          //1s后提示框消失
          setTimeout(() => {
            delInfo.style.display="none"
          }, 1000);
           getShopList()
      }
      )
           
          
       }
    
   }

    
})
